@mixin cover($type: absolute) {
  position: $type;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@mixin fit-cover($fit: cover) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: $fit;
}

@mixin pos-center($type: absolute) {
  position: $type;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@mixin pos-top($type: absolute) {
  position: $type;
  top: 0;
  left: 0;
  right: 0;
}
@mixin pos-bottom($type: absolute) {
  position: $type;
  left: 0;
  right: 0;
  bottom: 0;
}
@mixin pos-left($type: absolute) {
  position: $type;
  top: 0;
  left: 0;
  bottom: 0;
}
@mixin pos-right($type: absolute) {
  position: $type;
  top: 0;
  right: 0;
  bottom: 0;
}

@mixin pos-top-left($type: absolute, $offset: 0) {
  position: $type;
  top: $offset;
  left: $offset;
}
@mixin pos-top-right($type: absolute, $offset: 0) {
  position: $type;
  top: $offset;
  right: $offset;
}
@mixin pos-bottom-left($type: absolute, $offset: 0) {
  position: $type;
  bottom: $offset;
  left: $offset;
}
@mixin pos-bottom-right($type: absolute, $offset: 0) {
  position: $type;
  bottom: $offset;
  right: $offset;
}

@mixin pos-hide() {
  position: absolute;
  left: -9999em;
}

@mixin position-build() {
  /* #ifndef APP-NVUE */
  .fit-cover {
    @include fit-cover();
  }
  /* #endif */
  .relative {
    position: relative;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .sticky {
    position: sticky;
  }
  .cover {
    @include cover();
  }
  .pos-center {
    @include pos-center();
  }
  .pos-top {
    @include pos-top();
  }
  .pos-bottom {
    @include pos-bottom();
  }
  .pos-left {
    @include pos-left();
  }
  .pos-right {
    @include pos-right();
  }
  .fixed-center {
    @include pos-center(fixed);
  }
  .fixed-top {
    @include pos-top(fixed);
  }
  .fixed-bottom {
    @include pos-bottom(fixed);
  }
  .fixed-left {
    @include pos-left(fixed);
  }
  .fixed-right {
    @include pos-right(fixed);
  }
  .pos-hide {
    @include pos-hide();
  }
  @for $i from 0 through 20 {
    .z-#{$i} {
      z-index: $i;
    }
  }
}
